<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:decorate template="/templates/template.xhtml">
	<ui:define name="head">
		<style type="text/css">
.ui-dashboard {
	margin: 25px;
}

.ui-dashboard-column {
	
}

div.ui-state-hover {
	
}

.painelMaisVendidos,.painelMarcasPreferidas,.painelMenosVendidos,.painelUltimasVendas,.painelComprasVendas
	{
	margin: 10px;
}

.painelMaisVendidos, .painelMenosVendidos{
	width:250px;
}
</style>
	</ui:define>

	<ui:define name="centro">

		<h:form id="form1">
			<h1>Seja bem vindo à administração</h1>

			<h2>Produtos</h2>
			<p:separator style="width:100%;" />
			<p:dashboard id="board" model="#{administracaoMB.model}">

				<p:panel id="painelMaisVendidos" header="#{lbls.LBL_0117}"
					styleClass="painelMaisVendidos">

					<table cellpadding="0" cellspacing="0" border="0" width="100%">
						<ui:repeat var="to"
							value="#{administracaoMB.produtosMaisVendidosNaSemana}">
							<tr>
								<td><h:outputLink
										value="#{request.contextPath}/produto/manterProduto.jsf?codProduto=#{to.produto.id}">
										<h:outputText value="#{to.produto.descricao} " />
									</h:outputLink></td>
								<td align="right" width="1%"><h:outputText
										value="#{to.quantidade} " /></td>
							</tr>
						</ui:repeat>
					</table>

				</p:panel>

				<p:panel header="#{lbls.LBL_0118}" id="painelMarcasPreferidas"
					styleClass="painelMarcasPreferidas">
					<h:outputText value="Finance Content" />
				</p:panel>

				<p:panel header="#{lbls.LBL_0119}" id="painelMenosVendidos"
					styleClass="painelMenosVendidos">
						<table cellpadding="0" cellspacing="0" border="0" width="100%">
						<ui:repeat var="to"
							value="#{administracaoMB.produtosMenosVendidosNaSemana}">
							<tr>
								<td><h:outputLink
										value="#{request.contextPath}/produto/manterProduto.jsf?codProduto=#{to.produto.id}">
										<h:outputText value="#{to.produto.descricao} " />
									</h:outputLink></td>
								<td align="right" width="1%"><h:outputText
										value="#{to.quantidade} " /></td>
							</tr>
						</ui:repeat>
					</table>
				</p:panel>

				<p:panel header="#{lbls.LBL_0120}" id="painelUltimasVendas"
					styleClass="painelUltimasVendas">
					<h:outputText value="Weather Content" />
				</p:panel>

				<p:panel header="#{lbls.LBL_0121}" id="painelComprasVendas"
					styleClass="painelComprasVendas">
					<h:outputText value="Politics Content" />
				</p:panel>
			</p:dashboard>

		</h:form>

	</ui:define>
</ui:decorate>
</html>